<!DOCTYPE html>
<!-- saved from url=(0042)http://localhost:8081/goods/index/pb1n3rya -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>自媒体盈利平台</title>
    <meta property="qc:admins" content="4441727777670263757">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="http://localhost:8081/wxb/images/favicon.ico">
    <link rel="icon" type="image/gif" href="http://localhost:8081/wxb/images/favicon.gif">
    <link rel="stylesheet" type="text/css" href="./static/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="./static/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="./static/style-metronic.css">
	<link rel="stylesheet" type="text/css" href="./static/style.css">
	<link rel="stylesheet" type="text/css" href="./static/jquery.fancybox.css">
    <!--[if IE 8]>
    <script type="text/javascript" src="/wxb/script/respond.min.js"></script>
    <![endif]-->
	 <script>
        var SITE_PUBLIC='/';
        var SITE_UPLOAD='/files/';
    </script>
</head>
<body class="admin" style="">
<!-- top start-->


<div class="header signup-header">
    <div class="container">
        <div class="navbar-header">
             <a class="navbar-brand" href="/index.html">
                <img src="./static/logo.png" id="logoimg" alt="logo">
            </a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="menu-user dropdown">
                    <span class="sep"></span>
                    <span class="user-btn" id="dropdownMenu1" data-toggle="dropdown">
                        <i class="fa fa-user"></i>
                      qq123456                   
                    </span>
                    <span class="caret"></span>
                    <ul class="dropdown-menu user-box" role="menu" aria-labelledby="dropdownMenu1">
                        <li>
                            <a href="http://localhost:8081/user/setting"><i class="fa fa-user"></i> 我的资料 </a>
                        </li>                        
                        <li>
                            <a href="http://localhost:8081/user/logout"><i class="fa fa-power-off"></i> 注销用户 </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- top over-->
<div class="page-container" style="min-height: 402px;">
    <div class="container">
        <div class="page-border">
         <div class="row">
            <div class="col-xs-2 layout-left">
                 <!-- menu start-->
                  
<div class="menu_box" id="menuBar">
     <dl class="menu ">
         <dt class="menu_title clickable  ">
             <a href="/index.html">
                 <i class="icon_menu fa fa-user"></i>用户中心
             </a>
         </dt>
     </dl>
     <dl class="menu ">
         <dt class="menu_title clickable selected">
             <a href="/goods-list.html">
                 <i class="icon_menu fa fa-cubes"></i>产品及文案
             </a>
         </dt>
        
     </dl>
      <dl class="menu ">
         <dt class="menu_title clickable ">
             <a href="http://localhost:8081/zjy/index">
                <i class="icon_menu fa fa-cubes"></i>特色推广
             </a>
         </dt>
        
     </dl>
     <dl class="menu">
         <dt class="menu_title"><i class="icon_menu fa fa-file-text"></i>订单与结算</dt>
         <dd class="menu_item ">
             <a href="http://localhost:8081/order/list">我推广的订单</a>
         </dd>
         <dd class="menu_item ">
             <a href="http://localhost:8081/payoff/list">结算与返款</a>
         </dd>
         <dd class="menu_item ">
             <a href="http://localhost:8081/payoff/log">订单结算流水</a>
         </dd>
     </dl>
     
      
     
     <dl class="menu ">
         <dt class="menu_title"><i class="icon_menu fa fa-pie-chart"></i>订单统计</dt>
         <dd class="menu_item ">
             <a href="http://localhost:8081/report/goods">商品推广统计</a>
         </dd>
         <dd class="menu_item ">
             <a href="http://localhost:8081/report/channel">渠道推广统计</a>
         </dd>
     </dl>
     <dl class="menu ">
         <dt class="menu_title"><i class="icon_menu fa fa-cog"></i>资料设置</dt>
         <dd class="menu_item ">
             <a href="http://localhost:8081/channel/list">渠道设置</a>
         </dd>
         <dd class="menu_item ">
             <a href="http://localhost:8081/user/setting">基本信息</a>
         </dd>
         <dd class="menu_item ">
             <a href="http://localhost:8081/user/reset">修改密码</a>
         </dd>
     </dl>
     <dl class="menu ">
         <dt class="menu_title clickable">
             <a href="http://localhost:8081/user/logout">
                 <i class="icon_menu fa fa-power-off"></i>退出登录
             </a>
         </dt>
     </dl>
 </div>
                 <!-- menu over-->
             </div>
                
<div class="col-xs-10 layout-right min-height-1">
<style>
    .good-info{
        padding: 20px;
    }
    .good-info .row{
        padding: 10px 0;
        border-bottom: 1px solid #e8e8eb;
    }
    .info-title {
        font-weight: bold;
        color: #666666;
        width: 150px;
    }
    .add-area .form-control{
        width: 200px;
        margin-right: 10px;
        display: inline;
    }
    .link-url-wrap .form-control{
        width: 550px;
        display: inline-block;
    }
    .link-title{
        width: 100px ;
        text-align: right;
        float: left;
    }
    .link-content {
        float: left;
        width: 650px;
    }
    .link-title,.link-content{
        margin-bottom: 1px;
        min-height: 34px;
        line-height: 34px;
    }
</style>


<div id="App">
    <h2 class="page-title">
        <em>{{goods.goodsName}} </em>
    </h2>
    <div class="good-info">
        <div class="row">
            <div class="col-xs-2 info-title">
                商户信息
            </div>
            <div class="col-xs-10 info-detail">
                商户：<em class="highlight-em"> {{goods.wxbCustomer.customerName}} </em>， 联系QQ：<em class="highlight-em"> {{goods.wxbCustomer.qq}} </em>(工作时间联系)
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2 info-title">
                查看文案
            </div>
            <div class="col-xs-10 info-detail">
                    <a href="">查看文案并推广</a>	
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2 info-title">
                商品图片
            </div>
            <div class="col-xs-10 info-detail">
              
              <div class="item" style="display:table;margin-bottom:0px;width:125px;height:116px;float:left;">
                  <a :href=goods.smallPic title="" data-rel="fancybox-button" class="fancybox-button">
                      <div class="zoom">
                          <img :src=goods.smallPic style="width:125px;height:85px;" alt="">
                          <div class="zoom-icon"></div>
                      </div>
                  </a>
              </div>
              
              
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2 info-title">
                商品SKU
            </div>
            <div class="col-xs-10 info-detail">
                <table class="table table-cps table-hover  table-advance">
                    <thead>
                        <tr><th>规格</th><th>销售价格</th><th>现有库存</th><th>分成（元）/件</th><th>操作</th></tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td >
                                <div v-for="(v, k) in specObject">{{k}}:{{v}}</div>
                            </td>
                            <td class="text-yellow">{{goods.wxbGoodsSku.price}}</td>
                            <td class="text-green">{{goods.wxbGoodsSku.num}}</td>
                            <td class="text-green">{{goods.wxbGoodsSku.tc}}</td>
                            <td><a class="btn btn-yellow" @click="lookGoods()" target="_blank">录单</a></td>
                        </tr>
                   </tbody>
                </table>
            </div>
        </div>
         
         
       </div>
       
       <div class="row">
            <div class="col-xs-2 info-title">
              
            </div>
           
         </div>
       
      
    
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- footer start-->


<div class="right-service closed">
   <img class="RS-img" src="./static/wxb.png">
   <div class="RS-wrap">
       <div class="RS-title">@在线客服<span class="RS-title-right-btn"><i class="fa fa-angle-right"></i></span></div>
       <div class="RS-title-for-closed"><i class="fa fa-ellipsis-h"></i><br>在线客服</div>
       <ul class="RS-ul">
           <li class="RS-i1"><a href="tencent://message/?uin=123456789&amp;Site=wxb.com&amp;Menu=yes">合作咨询<br><span>小强</span></a></li>
           <li class="RS-i2"><a href="tencent://message/?uin=123456789&amp;Site=wxb.com&amp;Menu=yes">异常订单<br><span>小薇</span></a></li>
           <li class="RS-i3"><a href="tencent://message/?uin=123456789&amp;Site=wxb.com&amp;Menu=yes">财务返款<br><span>小丽</span></a></li>
       </ul>
       <div class="RS-bottom">400-123-1234</div>
   </div>
</div>

<div class="copyright">
    <div class="container text-center">
            <p>
            <span class="copyright-icon copyright-icon-1"><img src="./static/copyright-pic-1.jpg" width="94"></span>
            <span class="copyright-icon copyright-icon-2"><img src="./static/copyright-pic-2.jpg" width="94"></span>
            <span class="copyright-icon copyright-icon-3"><img src="./static/copyright-pic-3.jpg" width="117"></span>
            <span class="copyright-icon copyright-icon-4"><img src="./static/copyright-pic-4.jpg" width="109"></span>
        </p>
    	<p>
            Copyright ? 2015
        </p>
        <p>
            客服电话：400-123-1234
        </p>
       
    </div>
</div>
<div id="topcontrol" style="position: fixed; bottom: 110px; right: 10px; opacity: 0; cursor: pointer; " title="返回顶部"><div class="back-to-top"></div></div>

<!-- cnzz 统计开始
<div style='display:none'>
<script type="text/javascript">
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_307679'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/stat.php%3Fid%3D307679' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
 cnzz 统计结束-->
<!-- footer over-->

<script type="text/javascript" src="./static/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="./static/bootstrap.min.js"></script>
<script type="text/javascript" src="./static/underscore-min.js"></script>
<script type="text/javascript" src="./static/back-to-top.js"></script>
<script type="text/javascript" src="./static/jquery.cookie.min.js"></script>
<script type="text/javascript" src="./static/win.js"></script>

<script type="text/javascript" src="./static/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="./static/app.js"></script>
<script type="text/javascript" src="./static/ZeroClipboard.js"></script>
<script src="./js/vue/vue.js"></script>
<script src="./js/axios.min.js"></script>

<script type="text/javascript">
    axios.defaults.timeout = 5000;   // 超时时间
    axios.defaults.baseURL = "http://localhost:8086/";  // baseURL 
    axios.interceptors.request.use(function (config) {
        //设置jwt令牌
        config.headers.token = sessionStorage.getItem("token")
        config.withCredentials = false
        return config;
    });
    axios.interceptors.response.use(response => {            
        return response=response.data;
    });
    var vm = new  Vue({
        el:"#App",
        data:{
            id:"",
            specObject:[],
            goods:{
                
            },
            goodsList: {
            },
        },
        methods: {
            urlToObj(url) {//解析url获取参数的工具函数
                url = url.split("?")[1];
                //"course1=js&course2=css&course3=jQ"
                var ary = url.split("&");
                //["course1=js","course2=css","course3=jQ"];
                var obj = {};
                ary.forEach((item) => {
                    var a = item.split("=");//["course1","js"]
                    obj[a[0]] = a[1];
                });
                return obj;
			},
            search(){
                axios.post("goods/search",).then(res => {
                            
                })
            },
                //跳转页面
                lookGoods(){
                    location.href="goods-ludan.html?skuId="+this.id
                },
        },
        created() {
            //判断用户是否登录
				if(!sessionStorage.getItem("token")){
                      location.href="/login.html"
				}
				//获取url中的skuid
				var urlParams = this.urlToObj(location.href)
				
				if(!urlParams.id){
					location.href="goods-list.html"
				}else{
					this.id = urlParams.id;
					//异步请求sku信息
					console.log(urlParams.id)
                    axios.get("/goods/selectOne?id="+urlParams.id).then(res=>{
                        console.log(res)  
                        
                        this.specObject =JSON.parse(res.wxbGoodsSku.spec);
                        console.log(this.specObject)                    
                        this.goods=res
					})
				}
        },
    })

</script>

<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
    });
</script><div id="topcontrol" title="返回顶部" style="position: fixed; bottom: 110px; right: 10px; opacity: 0; cursor: pointer;"><div class="back-to-top"></div></div></body>

<script src="./js/vue/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script>
// 全局配置
axios.defaults.baseURL="http://localhost:8086/";

axios.interceptors.request.use(config=>{
    config.headers["token"]=sessionStorage.getItem("token");
    config.withCredentials= false
    return config;
})
axios.interceptors.response.use(function(response){
    return response.data;
})
    var vm =new vue({
        el:"#goodsDetailApp",
        data:{
            customer:{},
            goods:{},
            goodsSku:{},
            goodsId:0,
            specObject:{},
        },
        methods:{
            urlToObj(url) {//解析url获取参数的工具函数
						url = url.split("?")[1];
						//"course1=js&course2=css&course3=jQ"
						var ary = url.split("&");
						//["course1=js","course2=css","course3=jQ"];
						var obj = {};
						ary.forEach((item) => {
							var a = item.split("=");//["course1","js"]
							obj[a[0]] = a[1];
						});
						return obj;
				}
        },
        created(){
            //判断用户是否登录
			if(!sessionStorage.getItem("token")){
                location.href="/login.html"
            }
            //获取url中的skuid
            var urlParams = this.urlToObj(location.href)
            console.log(urlParams)
            if(!urlParams.goodsId){
					alert("请指定goodsId")	
				}else{
					this.goodsId = urlParams.goodsId;
					//异步请求sku信息
                    axios.get("goodsSku/findSku?goodsId="+urlParams.goodsId).then(res=>{
							vm.goodsSku = res.data;
							//处理规格
							vm.specObject = JSON.parse(vm.goodsSku.spec)
                    })
                    //异步请求商户信息
                    axios.get("viewCustomer/findCustomer?goodsId="+urlParams.goodsId).then(res=>{
                        vm.customer=res.data
                    })
                    //异步请求商品信息
                    axios.get("goods/findGoods?goodsId="+urlParams.goodsId).then(res=>{
                        vm.goods=res.data
                    })
				}

        }
    })

</script>
 <script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
    });
</script><div id="topcontrol" title="返回顶部" style="position: fixed; bottom: 110px; right: 10px; opacity: 0; cursor: pointer;"><div class="back-to-top"></div></div></body>






















</html>